<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>恒望科技</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <a class="navbar-brand" href="#"><img src="img/logo.jpg" alt="">恒望科技</a>
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">解决方案</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">产品展示</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">客户案例</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">服务中心</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">新闻动态</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">关于我们</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">招纳贤士</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
  	<li data-target = "#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  	<li data-target = "#carouselExampleIndicators" data-slide-to="1"></li>
  	<li data-target = "#carouselExampleIndicators" data-slide-to="2"></li> 
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="img/banner.png" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="img/banner.png" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="img/banner.png" class="d-block w-100" alt="...">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<div class="solution pt-4 pb-4">
	<div class="container">
		<h3 class="biao">解决方案</h3>
		<span class="span">Solutions</span>
		<div class="row">
		<div class="col-md-3 mt-4">
			<div class="item">
	     		<img src="img/list-1.jpg"/>
	     		<h5 class="mt-4">网站、移动网站</h5>
	     		<p>微信公众号开发移动网站微信公众号开发</p>
				</div>
			</div>
			<div class="col-md-3 mt-4">
			<div class="item">
	     		<img src="img/list-2.jpg"/>
	     		<h5 class="mt-4">网站、移动网站</h5>
	     		<p>移动微信公众号开发移动网站微信公众号开发解决方案</p>
				</div>
			</div>
			<div class="col-md-3 mt-4">
			<div class="item">
	     		<img src="img/list-3.jpg"/>
	     		<h5 class="mt-4">网站、移动网站</h5>
	     		<p>移动微信公众号开发移动网站微信公众号开发</p>
				</div>
			</div>
			<div class="col-md-3 mt-4">
			<div class="item">
	     		<img src="img/list-4.jpg"/>
	     		<h5 class="mt-4">网站、移动网站</h5>
	     		<p>网站、移动网站微信公众号开发移动网站微信公众号开发解决方案</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="customer pt-4">
	<h3 class="biao">客户案例</h3>
	<span class="span pb-4">Customer Case</span>
</div>












<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>